<template>
  <div class="dd1">
       <van-tabs v-model="active" swipeable animated>
        <van-tab title="推荐"><Tuijian/></van-tab>
        <van-tab title="作品"><Zuopin/></van-tab>
        <van-tab title="百科"><div><img src="img/shouji/02.jpg" alt="" class="iii1"></div></van-tab>
        <van-tab title="活动"><div><img src="img/shouji/03.jpg" alt="" class="iii1"></div></van-tab>
        <van-tab title="视频"><div><img src="img/shouji/04.jpg" alt="" class="iii1"></div></van-tab>
        <van-tab title="直播"><div><img src="img/shouji/05.jpg" alt="" class="iii1"></div></van-tab>
        <van-tab title="专栏"><div><img src="img/shouji/06.jpg" alt="" class="iii1"></div></van-tab>
        <van-tab title="游戏"><div><img src="img/shouji/07.jpg" alt="" class="iii1"></div></van-tab>
       </van-tabs>
    </div>
</template>
<script>
import Tuijian from "./ZXdaohang/tuijian.vue"
import Zuopin from "./ZXdaohang/zuopin.vue"
export default {
  components:{
    Tuijian,Zuopin
  },
  data() {
    return {
      active: 0,
    };
  },
}
</script>
<style scoped>
  .iii1{
    width: 100%;
  }
</style>